<template>
  <div class="GlobalIndex">
    <div class="w content">
      <div class="content_top">
        <div>
          <dl>
            <dt>抑云文化</dt>
            <dd>抑云文化官网</dd>
            <dd>抑云音乐简介</dd>
            <dd>服务协议</dd>
            <dd>隐私权政策</dd>
          </dl>
        </div>
        <div>
          <dl>
            <dt>抑云集团</dt>
            <dd>抑云集团简介</dd>
            <dd>抑云集团股东</dd>
            <dd>招贤纳士</dd>
          </dl>
        </div>
        <div>
          <dl>
            <dt>联系我们</dt>
            <dd>业务合作</dd>
            <dd>常见问题</dd>
          </dl>
        </div>
        <div>
          <dl>
            <dt>抑云音乐客户端</dt>
            <div class="erweima">
              <div>
                <img
                  src="../../assets/images/footer-1.png"
                  alt="抑云音乐"
                  width="100px"
                  height="100px"
                />
                <p>抑云音乐</p>
              </div>
              <div>
                <img
                  src="../../assets/images/footer-2.jpg"
                  alt="抑云视频"
                  width="100px"
                  height="100px"
                />
                <p>抑云视频</p>
              </div>
            </div>
          </dl>
        </div>
      </div>
      <el-divider></el-divider>
      <div class="content_bottom">
        <p>Copyright © 1998 - 2022 Tencent. All Rights Reserved.</p>
        <p>
          <i>抑云集团 </i>&nbsp;版权所有
          <i>营业执照</i>
          网络文化经营许可证:
          <i>鲁网文[1999]2195-666</i>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "GlobalIndex",
  components: {},
  data() {
    return {};
  },
  created() {
    // console.log(this.$router);
  },
  methods: {},
  computed: {},
};
</script>

<style lang="less" scoped>
.GlobalIndex {
  padding: 40px 0;
  background-color: #333333;
  color: #ffffff;
  font-size: 14px;
  .content_top {
    display: flex;
    justify-content: space-between;
    > div dl dt {
      font-size: 16px;
      margin-bottom: 15px;
      &:hover {
        animation: headShake 1s;
        cursor: pointer;
        color: @globalColor;
      }
    }
    > div dl dd {
      margin-bottom: 8px;
      &:hover {
        animation: headShake 1s;
        cursor: pointer;
        color: @globalColor;
      }
    }
    > div .erweima {
      display: flex;
      justify-content: space-between;
      width: 224px;
      padding-top: 15px;
      p {
        margin-top: 15px;
        text-align: center;
        &:hover {
          animation: headShake 1s;
          cursor: pointer;
          color: @globalColor;
        }
      }
    }
  }
  .content_bottom {
    text-align: center;
    p {
      margin-bottom: 8px;
    }
    i {
      &:hover {
        animation: headShake 1s;
        cursor: pointer;
        color: @globalColor;
      }
    }
  }
}
</style>
